@charset "utf-8";

	@media not print {

	/**
	* For Mobile 
	*/
		/**
		* User Interface Style
		*/
			/* HTML Tag */
				/* Table */
					body:not(.non-responsive).mobile table td 
						{ padding:10px 10px; }
					
			/* Graphics */
				body:not(.non-responsive).mobile .graphic-container { min-height:200px; }
				body:not(.non-responsive).mobile .graphic-wrapper { width:100%; }
				body:not(.non-responsive).mobile .graphic-wrapper .h1 { padding-top:30px; padding-left:20px; width:60%; }
				body:not(.non-responsive).mobile .background-image-email-alert { background-image:url(../img/graphic-email-alert-mobile.jpg); background-size:cover; background-position:right; }
				body:not(.non-responsive).mobile .graphic-container .graphic-effect-holder { height:210px; }
					
				body:not(.non-responsive).mobile .graphic-effect-holder .graphic-text-holder { bottom:40px; }
				body:not(.non-responsive).mobile .graphic-effect-holder .graphic-control { padding-bottom:25px; }


			/* Navigation */
				body:not(.non-responsive).mobile .navigation-container .navigation-wrapper { padding:0px 20px; }
				body:not(.non-responsive).mobile .navigation-container .navigation-wrapper .icon-arrow-left { display:block; width:10px; background-position:-3px 15px; background-size:16px 16px; }


			/* Option Group */
				body:not(.non-responsive).mobile .option-group .group-info { display:block; }
				body:not(.non-responsive).mobile .option-group .option-group-form { display:none; }
				body:not(.non-responsive).mobile .option-group.active .group-info { display:none; }
				body:not(.non-responsive).mobile .option-group.active .option-group-form { display:block; background:#f3f3f3; padding:20px; }
				body:not(.non-responsive).mobile .option-group.active .control { padding-top:30px; display:block; width:100%; }
				body:not(.non-responsive).mobile .option-group.active .control .btn-filter { display:inline-block; width:auto; min-width:inherit; }
				body:not(.non-responsive).mobile .option-group.active .control .btn-cancel { display:inline-block; width:auto; min-width:inherit; }
				body:not(.non-responsive).mobile .option-group .select-wrapper .select-title { background:#ffffff; white-space:normal; }
				body:not(.non-responsive).mobile .option-group .multiple-select-wrapper .select-title { background:#ffffff; }

			/* Paging Selector */
				body:not(.non-responsive).mobile .paging-selector .select-wrapper { width:50%; margin-top:0px; }
				body:not(.non-responsive).mobile .paging-selector .button { width:50%; }

				
		/* Paging */
			body:not(.non-responsive).mobile .paging a.prev { margin-right:25px; }
			body:not(.non-responsive).mobile .paging a.next { margin-left:25px; }
			body:not(.non-responsive).mobile .paging a.icon { margin:0px; }
			

					
			

				
	/**
	* Template Layout
	*/
		body:not(.non-responsive).mobile .template-cv-profile .cv { width:100%; }

		/* Template Value Table */
			body:not(.non-responsive).mobile .template-value-table .column-table { display:block; }
			body:not(.non-responsive).mobile .template-value-table .column-table .left { display:block; width:100%; }
			body:not(.non-responsive).mobile .template-value-table .column-table .padding { display:none; }
			body:not(.non-responsive).mobile .template-value-table .column-table .right { display:block; width:100%; margin-top:20px; }

		/* Template - Video */
			body:not(.non-responsive).mobile .template-video { display:block; }
			body:not(.non-responsive).mobile .template-video .info { display:block; width:100%; }
			body:not(.non-responsive).mobile .template-video .video { width:100%; display:inherit; }
			body:not(.non-responsive).mobile .template-video .video video { width:100%; }
			body:not(.non-responsive).mobile .template-video .video .file { margin-top:0px; padding:10px 20px; }
			body:not(.non-responsive).mobile .template-video iframe { width:100%; height:230px; }
		
		/* Template - 2 Column Content Blocks */
			body:not(.non-responsive).mobile .template-2-column-content-blocks { margin-bottom:10px; }
			body:not(.non-responsive).mobile .template-2-column-content-blocks .column-2-content-blocks-item { width:100%; display:block; margin-bottom:10px; }
			body:not(.non-responsive).mobile .template-2-column-content-blocks .column-2-content-blocks-item .column-content-title { height:auto; padding:5px 20px; }
			body:not(.non-responsive).mobile .template-2-column-content-blocks .column-2-content-blocks-item .heading { padding-right:40px; }
			body:not(.non-responsive).mobile .template-2-column-content-blocks.expand .column-2-content-blocks-item .column-content-expand-item { position:relative; top:0px; margin-top:10px; margin-bottom:10px; }
			body:not(.non-responsive).mobile .template-2-column-content-blocks .column-2-content-blocks-item .column-content-expand-item .btn-close { top:20px; right:20px; }
			
		/* View By Year */
			body:not(.non-responsive).mobile .view-by-year { padding-left:20px; padding-right:20px; }
			body:not(.non-responsive).mobile .view-by-year.no-padding { padding-left:0px; padding-right:0px; }
			body:not(.non-responsive).mobile .view-by-year .item .month { padding-bottom:0px; }
			body:not(.non-responsive).mobile .view-by-year .item .month a { width:50%; padding-bottom:20px; }
			
		/* View By Image */
			body:not(.non-responsive).mobile .view-by-image { padding:20px; }
			body:not(.non-responsive).mobile .view-by-image li { width:50%; }
			body:not(.non-responsive).mobile .view-by-image li a { padding:20px; }
			body:not(.non-responsive).mobile .view-by-image li .image { padding-top:140%; }
			
		/* Select Search */
			body:not(.non-responsive).mobile .select-search { overflow:hidden; }
			body:not(.non-responsive).mobile .select-search .select-wrapper { width:78%; margin-top:0px; float:left; vertical-align:top; }
			body:not(.non-responsive).mobile .select-search .button { width:20%; float:left; margin-left:2%; vertical-align:top; margin-top:0px; }
				
		/* Print Media Box */
			body:not(.non-responsive).mobile .print-media-box { display:block; width:100%; padding-left:0px; padding-right:0px; padding-top:0px; padding-bottom:0px;}
			body:not(.non-responsive).mobile .print-media-box .item { display:block; width:100%; padding:0px 20px; height:42px; line-height:42px; margin-bottom:10px; cursor:pointer; position:relative; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
			body:not(.non-responsive).mobile .print-media-box .item:after { position:absolute; right:10px; top:13px; background:url(../img/icon/icon-arrow-down-2.png) no-repeat center center; background-size:16px 16px; width:16px; height:16px; display:block; content:" "; }
			body:not(.non-responsive).mobile .print-media-box .item:hover { box-shadow:none; -webkit-box-shadow:none; -moz-box-shadow:none; background:#571a64; color:#ffffff; }
			body:not(.non-responsive).mobile .print-media-box .item:hover:after { background-image:url(../img/icon/icon-arrow-down.png); }
			body:not(.non-responsive).mobile .print-media-box .item .item-wrapper { height:42px; }
			body:not(.non-responsive).mobile .print-media-box .item .panel { display:none; }
			body:not(.non-responsive).mobile .print-media-box .item .content { display:none; }
			body:not(.non-responsive).mobile .print-media-box .item .mobile-title { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; position:absolute; left:0; top:0; bottom:0; right:0; padding-right:10px; }

			body:not(.non-responsive).mobile .print-media-box .item.show { position:fixed; top:0px; left:0px; width:100%; height:100%; z-index:9999; cursor:default; padding:0px; }
			body:not(.non-responsive).mobile .print-media-box .item.show:after { display:none; }
			body:not(.non-responsive).mobile .print-media-box .item.show:hover { background:#ffffff; color:#303030; }
			body:not(.non-responsive).mobile .print-media-box .item.show .btn-back { display:block; position:absolute; top:15px; left:20px; z-index:1; width:30px; height:30px; background:url(../img/icon/icon-arrow-left.png) no-repeat center center; background-size:30px 30px; cursor:pointer; }
			body:not(.non-responsive).mobile .print-media-box .item.show .mobile-title { display:none; }
			body:not(.non-responsive).mobile .print-media-box .item.show .mobile-back { display:block; position:absolute; top:0px; left:0px; background:#571a64; color:#ffffff; width:100%; height:62px; line-height:62px; padding-left:60px; }
			body:not(.non-responsive).mobile .print-media-box .item.show .panel { display:block; position:fixed; bottom:0px; left:0px; padding:20px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; border-top:1px solid #e2e2e2; }
			body:not(.non-responsive).mobile .print-media-box .item.show .content { display:block; padding-top:100px; padding-left:20px; padding-right:20px; }
			
			body:not(.non-responsive).mobile .print-media-box .photo { position:absolute; top:-175px; left:50%; }
			body:not(.non-responsive).mobile .print-media-box .photo img { max-width:150px; max-height:220px; position:absolute; left:-75px; }
			body:not(.non-responsive).mobile .print-media-box .photo a { display:none; }
			
		/* Template Timeline */
			body:not(.non-responsive).mobile .template-timeline .timeline .timeline-item .timeline-item-wrapper { padding-right:15px; }
			body:not(.non-responsive).mobile .template-timeline .template-timeline-panel .button { float:left; }
			body:not(.non-responsive).mobile .template-timeline .timeline { padding-left:10px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
			body:not(.non-responsive).mobile .template-timeline .timeline .timeline-item .timeline-item-container { width:100%; }
			body:not(.non-responsive).mobile .template-timeline .timeline .timeline-item:nth-child(odd) { padding-left:0px; }
			body:not(.non-responsive).mobile .template-timeline .timeline .timeline-item:nth-child(odd) .timeline-item-container { box-shadow:none; border-left:2px solid #a7a4b7; }
			body:not(.non-responsive).mobile .template-timeline .timeline .timeline-item:nth-child(even) .timeline-item-container { border-right:0px; border-left:2px solid #a7a4b7; }
			body:not(.non-responsive).mobile .template-timeline .timeline .timeline-item .timeline-item-container { padding-bottom:20px; }
			body:not(.non-responsive).mobile .template-timeline .timeline .timeline-item:nth-child(even) .timeline-item-container .timeline-point { left:-7px; right:inherit; }
			body:not(.non-responsive).mobile .template-timeline .timeline .timeline-item .timeline-item-container { padding-right:0px; padding-left:25px; }
			body:not(.non-responsive).mobile .template-timeline .timeline .timeline-item:nth-child(even) .timeline-item-container { padding-right:0px; padding-left:25px; }
			body:not(.non-responsive).mobile .template-timeline .timeline .timeline-item:nth-child(even) .timeline-item-wrapper .timeline-flag 
			{
				right:inherit; left:-7px;
				box-shadow:0px 4px 5px rgba(0,0,0,0.1); -webkit-box-shadow:0px 4px 5px rgba(0,0,0,0.1); -moz-box-shadow:0px 4px 5px rgba(0,0,0,0.1);	
			}
			body:not(.non-responsive).mobile .template-timeline .timeline .timeline-item .timeline-title-wrapper .timeline-title { text-align:left; padding-right:40px; padding-left:0px; }
			body:not(.non-responsive).mobile .template-timeline .timeline .timeline-item:nth-child(even) .timeline-title-wrapper .timeline-title { text-align:left; padding-right:40px; }
			body:not(.non-responsive).mobile .template-timeline .timeline .timeline-item .timeline-title-wrapper .timeline-icon { right:-20px; left:inherit; }
			
			body:not(.non-responsive).mobile .template-timeline .timeline .timeline-item .timeline-content { text-align:left; padding-left:0px; padding-right:20px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
			body:not(.non-responsive).mobile .template-timeline .timeline img { max-width:100%; }
			
			/* Single Direction */
				body:not(.non-responsive).mobile .template-timeline.single-direction .timeline .timeline-item .timeline-item-wrapper { padding-left:20px; padding-right:0px; }
				body:not(.non-responsive).mobile .template-timeline.single-direction .timeline .timeline-item .timeline-title-wrapper .timeline-icon { left:inherit; right:-10px; }
				
		/* Template - Profile */
			body:not(.non-responsive).mobile .profile-detail-container .profile-detail { display:block; position:relative; }
			body:not(.non-responsive).mobile .profile-detail-container .profile-detail .photo { display:block; width:100%; margin-right:0px; margin-bottom:20px; }
			body:not(.non-responsive).mobile .profile-detail-container .profile-detail .info { display:block; }
			body:not(.non-responsive).mobile .profile-detail-container .profile-detail .info .detail { height:auto; }


		/* Template Square Photo */
			body:not(.non-responsive).mobile .template-square-photo .square-photo-item { width:100%; margin-right:0px; margin-bottom:20px; }
			body:not(.non-responsive).mobile .template-square-photo .square-photo-item .photo { width:100px; }
						
			
				
			
		/**
		* Font Family and Size
		*/
		
			/* HTML Tag */
				body:not(.non-responsive).mobile { font-size:14px; }
		
			/* Text */
				body:not(.non-responsive).mobile .remark { font-size:12px; }
		
			/* Heading */
				body:not(.non-responsive).mobile .heading.h1 { font-size:24px; }
				body:not(.non-responsive).mobile .heading.h2 { font-size:24px; }
				body:not(.non-responsive).mobile .heading.h3 { font-size:18px; }
				body:not(.non-responsive).mobile .heading.h4 { font-size:16px; }
				body:not(.non-responsive).mobile .heading.h5 { font-size:16px; }
				
			/* Content */
				body:not(.non-responsive).mobile .content-wrapper { padding:20px; }
				body:not(.non-responsive).mobile .content-space-x2 { height:20px; }
				body:not(.non-responsive).mobile .content-space-x3 { height:20px; }
				
			
			/* Input */
				 /* Multiple Select */
				body:not(.non-responsive).mobile .multiple-select-wrapper .multiple-select-options .multiple-select-all label { font-size:16px; }
				body:not(.non-responsive).mobile .multiple-select-wrapper .multiple-select-options .multiple-group .group-title { font-size:16px; }
				 
			
			/* Template */
				/* Print Media Box */
					body:not(.non-responsive).mobile .print-media-box .item .mobile-title { font-size:16px; font-weight:normal; }
					body:not(.non-responsive).mobile .print-media-box .item.show .mobile-back { font-size:16px; font-weight:normal; }
			
			/* Top Background */
				body:not(.non-responsive).mobile .top-background-container .top-background-wrapper .h1 span { font-size:20px; }			
			
			
			
			
				/**
				* Small Font Size 
				*/
				
					/* HTML Tag */
						body:not(.non-responsive).mobile.small-font-size { font-size:11.2px; }
				
					/* Text */
						body:not(.non-responsive).mobile.small-font-size .remark { font-size:9.6px; }
				
					/* Heading */
						body:not(.non-responsive).mobile.small-font-size .heading.h1 { font-size:19.2px; }
						body:not(.non-responsive).mobile.small-font-size .heading.h2 { font-size:19.2px; }
						body:not(.non-responsive).mobile.small-font-size .heading.h3 { font-size:14.4px; }
						body:not(.non-responsive).mobile.small-font-size .heading.h4 { font-size:12.8px; }
						body:not(.non-responsive).mobile.small-font-size .heading.h5 { font-size:12.8px; }
										
					/* Input */
						 /* Multiple Select */
						body:not(.non-responsive).mobile.small-font-size .multiple-select-wrapper .multiple-select-options .multiple-select-all label { font-size:12.8px; }
						body:not(.non-responsive).mobile.small-font-size .multiple-select-wrapper .multiple-select-options .multiple-group .group-title { font-size:12.8px; }
						 
					
					/* Template */
						/* Print Media Box */
							body:not(.non-responsive).mobile.small-font-size .print-media-box .item .mobile-title { font-size:12.8px; }
							body:not(.non-responsive).mobile.small-font-size .print-media-box .item.show .mobile-back { font-size:12.8px; }
					
					/* Top Background */
						body:not(.non-responsive).mobile.small-font-size .top-background-container .top-background-wrapper .h1 span { font-size:16px; }			
					
					
				
				/**
				* Large Font Size
				*/
				
					/* HTML Tag */
						body:not(.non-responsive).mobile.large-font-size { font-size:18.2px; }
				
					/* Text */
						body:not(.non-responsive).mobile.large-font-size .remark { font-size:15.6px; }
				
					/* Heading */
						body:not(.non-responsive).mobile.large-font-size .heading.h1 { font-size:31.2px; }
						body:not(.non-responsive).mobile.large-font-size .heading.h2 { font-size:31.2px; }
						body:not(.non-responsive).mobile.large-font-size .heading.h3 { font-size:23.4px; }
						body:not(.non-responsive).mobile.large-font-size .heading.h4 { font-size:20.8px; }
						body:not(.non-responsive).mobile.large-font-size .heading.h5 { font-size:20.8px; }

					/* Input */
						 /* Multiple Select */
						body:not(.non-responsive).mobile.large-font-size .multiple-select-wrapper .multiple-select-options .multiple-select-all label { font-size:20.8px; }
						body:not(.non-responsive).mobile.large-font-size .multiple-select-wrapper .multiple-select-options .multiple-group .group-title { font-size:20.8px; }
						 
					
					/* Template */
						/* Print Media Box */
							body:not(.non-responsive).mobile.large-font-size .print-media-box .item .mobile-title { font-size:20.8px; }
							body:not(.non-responsive).mobile.large-font-size .print-media-box .item.show .mobile-back { font-size:20.8px; }
					
					/* Top Background */
						body:not(.non-responsive).mobile.large-font-size .top-background-container .top-background-wrapper .h1 span { font-size:26px; }			

	}